<template>
	<view style="font-size:28rpx">
		<u-navbar :autoBack="true" leftIconColor="#ffffff" title="个人信息" :placeholder="true" bgColor="#3ACD90"  :titleStyle="{ color: '#FFFFFF', fontSize: '30rpx' }"></u-navbar>
		
		<view style="background-color: #ffffff;">
			<view class="mtlr30 cell-box-first" >
				<view>
					头像
				</view>
				<view>
					<u-avatar src="/static/image/head.png"></u-avatar>
				</view>
				
			</view>
			<view class="vertical-divider"></view>
			
			<view class="mtlr30 cell-box">
				<view>
					登陆账号
				</view>
				<view style="color:#7D7D7D">
          {{ userInfo.account }}
				</view>
			</view>
			<view class="vertical-divider"></view>
			
			<view class="mtlr30 cell-box" >
				<view>
					登陆密码
				</view>
				<view style="color:#7D7D7D;display: flex;" @click="forgetpassword">
					<view>
						*********
					</view>
					<u-icon
							slot="right"
							name="arrow-right"
							
					></u-icon>
				</view>
				
			</view>
			<view class="vertical-divider"></view>
			
		</view>
		
		<view style="margin-top: 60rpx;" class="mtlr30">
			<u-button @click="logout" type="primary" text="退出登陆" color="#3ACD90" size="large"></u-button>
		</view>
	</view>
</template>

<script>
export default{
	data(){
		return{
      userInfo:uni.getStorageSync('userinfo'),

		}
	},
	methods:{
		forgetpassword(){
			this.$Router.push({
				path: '/pages/other/forgetpassword'
			})
		},
		logout(){
			uni.clearStorage();
			this.$Router.replace({
				path: '/pages/index/login'
			})
		}
	}
}
</script>

<style scoped>
	.cell-box-first{
		padding: 20rpx 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.cell-box{
		padding: 40rpx 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.vertical-divider {
		width: 100%;
		height: 2rpx;
		background-color: #D8D8D8;
	
	}
</style>